.Study-box {
  display: flex;
  flex-direction: column;

  .study-tab {
    display: flex;
    background-color: #fff;
    padding: 0.2667rem 0;
    align-items: center;
    justify-content: space-around;

    .study-tab-item {
      display: flex;
      align-items: center;
      border-right: 1px solid #ccc;
      flex: 1;
      padding: 0 0.2667rem;
      justify-content: center;

      &:last-child {
        border: none;
      }

      img {
        margin-right: 0.1333rem;
      }

      .studyimg0 {
        width: 0.7333rem;
      }

      .studyimg1 {
        width: 0.5733rem;
      }

      .studyimg2 {
        width: 0.52rem;
      }
    }

    .cur {
      color: #006D87;
    }
  }

  .TodayStudy-content {
    flex: 1;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;

    .wrapper {
      overflow: hidden !important;

      >div {
        overflow: hidden !important;
      }
    }

    .todaynodata {
      min-height: 2rem;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #bbb;
      font-size: 0.32rem;
    }

    .today-item {
      background-color: #fff;
      margin-top: 0.2667rem;
      // margin-bottom: 0.2667rem;
      padding: 0 0.1333rem;

      .today-item-b {
        padding: 0.2667rem 0.2667rem;
        display: flex;
        align-items: center;

        .am-button {
          flex: 1;
          margin-left: 1.6rem;
          background-color: #006D87;

          a {
            color: #fff;
          }
        }
      }

      .today-item-t {
        display: flex;
        padding: 0.2667rem 0.4rem;
        border-bottom: 1px solid #838383;
        align-items: center;

        .today-item-t-img {
          width: 2.6667rem;
          height: 1.3333rem;
          border-radius: 0.2667rem;
          margin-right: 0.5333rem;
          text-align: center;
          border: 1px solid #f7f7f7;
          overflow: hidden;

          img {
            height: 100%
          }
        }

        >img {
          height: 1.3333rem;
        }

        .today-item-t-text {
          flex: 1;
          font-size: 0.32rem;

          .today-item-t-title {
            color: #333;
            font-size: 0.3733rem;

            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
          }

          .today-item-t-shortDesc {
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
          }

          p {
            margin-bottom: 0.1333rem;
          }
        }
      }
    }

    .date-option {
      display: flex;
      justify-content: space-between;
      padding: 0 0.2667rem;
    }

    .sign-box {
      flex: 1;
      margin-top: 0.2rem;
      .info {
        height: auto !important;
      }
      .date-wrapper .date {
        width: 0.9333rem !important;
        height: 0.9333rem !important;
      }
   
      .am-calendar {
        position: relative;
        height: 100%;

        .content {
          position: absolute;
          // bottom: -1.3333rem;
          bottom: 0;
          top: auto;
          z-index: 10;
        }

        .mask {
          display: none !important;
        }
      }

      .signed {
        .date {
          background: #108ee9;
          color: #fff !important;
        }

        .info {
          color: #108ee9;
        }
      }

      .signedT {
        .date {
          background: #006D87;
          color: #fff !important;
        }

        .info {
          color: #006D87;

        }
      }
    }
  }

  .Tree-content {
    flex: 1;
    background-color: #f7f7f7;
    overflow: hidden;

    img {
      width: 100%;
      height: 100%;
      display: block;
    }
  }

  .StudaySource-content {
    flex: 1;
    background-color: #fff;
  }
}

.confirm-panel {
  display: none !important;
}

.grey {
  color: #333 !important;
}